<template>
  <div id="my_menu" >
    <el-menu mode="horizontal"  default-active="/Home" :router="true" style="height:3vw;"><!--default-active表示默认激活的index所在的item-->
      <el-menu-item index="/Home" >地信Q</el-menu-item>
      <el-sub-menu index="视图">
        <template #title>视图</template>
        <el-menu-item index="/二三维视图联动">二三维视图联动</el-menu-item>
        <el-menu-item index="/二三维视图切换">二三维视图切换</el-menu-item>
        <el-menu-item index="/切换3D视图天气">切换3D视图天气</el-menu-item>
        <el-menu-item index="/显示坐标">显示坐标</el-menu-item>
        <el-menu-item index="/移动视点方法">移动视点方法</el-menu-item>
        <el-menu-item index="/加载天地图">加载天地图</el-menu-item>
      </el-sub-menu>
      <el-sub-menu index="地图与图层">
          <template #title>地图与图层</template>
          <el-menu-item index="/使用图形图层">使用图形图层</el-menu-item>
          <el-menu-item index="/客户端要素图层">客户端要素图层</el-menu-item>
          <el-menu-item index="/要素信息模板">要素信息模板</el-menu-item>
          <el-menu-item index="/动作按钮">动作按钮</el-menu-item>
          <el-menu-item index="/更新要素属性">更新要素属性</el-menu-item>
          <el-menu-item index="/更新要素几何">更新要素几何</el-menu-item>
          <el-menu-item index="/删除要素">删除要素</el-menu-item>
        </el-sub-menu>
    </el-menu>
  </div>
</template>

<script setup>
</script>

<style scoped>
#menu{
  width:100%;height:100%;
}
</style>
